<ion-header>
  <ion-navbar style="opacity: 0.8" no-border-bottom color="primary">
    <ion-title>首页</ion-title>
  </ion-navbar>
</ion-header>

<ion-content fullscreen>
  <!-- 加载动画-->
  <!--
  <ion-row *ngIf="spinner1">
    <ion-col text-center>
      <ion-spinner></ion-spinner>
    </ion-col>
  </ion-row>
  -->
  <ion-slides autoplay="3000" loop=true pager=true autoplayDisableOnInteraction=false *ngIf="!spinner1">
    <ion-slide  *ngFor="let item of slides" (click)="goDetails(item)"> <img src="{{item.picturl}}">
      <div class="cover"></div>
      <span class="title">{{item.title}}</span></ion-slide>
  </ion-slides>

  <!--
  <div class="categories" *ngIf="!spinner1">
    <ion-grid>
      <ion-row wrap>
        <ion-col text-center tappable col-6 *ngFor="let c of categories" (click)="goCategorie(c)"><i
          class="iconfont {{c.icon}} icon"></i> <span class="title">{{c.title}}</span></ion-col>
      </ion-row>
    </ion-grid>
  </div>
  -->

  <ion-item-divider class="t-header" color="light">最新知识库</ion-item-divider>
  <!-- 封装成组件 -->
  <ion-products [products]="products" *ngIf="!productflg"></ion-products>
  <!--
    <ion-list *ngFor="let item of listData ">
      <ion-item>
        <ion-avatar item-left><img [src]="item?.url"></ion-avatar>
        {{item?.title}}
      </ion-item>
    </ion-list>
    -->
</ion-content>
